//登录注册盒子切换

$('.login a').on('click', function () {
  $('.register').show();
});

$('.register a').on('click', function () {
  $('.register').hide();
})

// ----------------------   登录功能  ----------------------
$('.login form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize();
  axios.post('http://www.itcbc.com:8080/api/login', data).then(res => {
    //console.log(res);
    let { token, message, status } = res.data;
    if (status === 0) {
      layer.msg(message);
      localStorage.setItem('token', token);
      location.href = '../index.html';
    }
  })
})

// ---------------------------注册--------------
$('.register form').on('submit', function (e) {
  e.preventDefault()
  let data = $(this).serialize();
  axios.post('http://www.itcbc.com:8080/api/reguser', data).then(res => {
    //console.log(res);
    let { status, message } = res.data;
    if (status === 0) {
      layer.msg(message);
      $('.register form')[0].reset();
      $('.register').hide();
    }
  })
})


//------------表单验证--------------
const form = layui.form;
// console.log(form); // 对象结构；对象的原型中有很多方法，比如render/verfiy等，可以直接拿来使用

// 自定义验证规则
form.verify({
  // 键: 值, // 每个键值对，就是一个验证规则
  // 键(验证规则名称): 值(验证方法)

  // 两种形式：数组形式 ['正则表达式', '验证不通过时的提示信息']
  uname: [/^\w{2,10}$/, '用户名必须是2~10位的数字字母组合'],   // \w 表示一个字符，表示数字、字母、下划线； {2,10} 不是 {2, 10}

  // 验证密码长度
  len: [/^\S{6,12}$/, '长度必须是6~12位且不能出现空格'],

  // 验证 确认密码 是否和密码相同
  same: function (x) {
    // 形参 表示使用该验证规则的输入框的值；哪个输入框使用这个规则，这个 x 表示这个输入框的值
    // 案例中，确认密码 这个input使用了这个验证规则；所以 x 表示我们输入的确认密码
    let pwd = $('.register input[name="password"]').val();
    if (x !== pwd) return '两次密码不一致';
    // return (x !== pwd) && '两次密码不一致';
    // return '验证不通过时的提示';
  }
});
